<script lang="ts" setup>
  import Steps from '@sscd/steps';
</script>

<template>
  <div class="demo">
    <div class="demo-title">基本用法</div>
    <div class="demo-content">
      <Steps :current="1">
        <Steps.Step>
          <template #title>Finished</template>
          <template #description>
            <span>This is a description.</span>
          </template>
        </Steps.Step>
        <Steps.Step
          title="In Progress"
          sub-title="Left 00:00:08"
          description="This is a description."
        />
        <Steps.Step title="Waiting" description="This is a description." />
      </Steps>
    </div>
  </div>
</template>
